<script type="text/javascript" src="../js/plug-in/jquery.tablesorter.txt"></script>
<script type="text/javascript" src="../js/ui/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="../js/ajax/ajax.employeeManager.js"></script>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html"%>
<div id="main-tab">
  <div id="tabs">
    <ul>
      <li><a href="#tabs-1" id="tab-bn-1" onclick="refreshEmpList(0)">Create Employee</a></li>
      <li><a href="#tabs-2" id="tab-bn-2" onclick="refreshEmpList(1)">List Empoyee</a></li>
      <li id="update"><a href="#tabs-3">Update</a></li>
      <li class="title">Employee Manager</li>
    </ul>
    <div id="tabs-1">
      <html:form action="/empaction.do?act=create" method="post">
        <table>
          <tr>
            <td>Emp ID</td>
            <td><html:text property="idEmployee"></html:text>
            <td>
          </tr>
          <tr>
            <td>idUser</td>
            <td><html:text property="idUser"></html:text>
            <td>
          </tr>
          <tr>
            <td>Password</td>
            <td><html:text property="password"></html:text>
            <td>
          </tr>
          <tr>
            <td>First Name</td>
            <td><html:text property="firstName"></html:text>
            <td>
          </tr>
          <tr>
            <td>Last Name</td>
            <td><html:text property="lastName"></html:text>
            <td>
          </tr>
          <tr>
            <td>Contact</td>
            <td><html:text property="emgContact"></html:text>
            <td>
          </tr>
          <tr>
            <td>Address</td>
            <td><html:textarea property="address"></html:textarea>
            <td>
          </tr>
          <tr>
            <td><html:submit value="Add"></html:submit></td>
            <td><input type=submit name=btnCancel value=Cancel />
            <td>
          </tr>
        </table>
        
      </html:form>
      
   
    </div>
    <div id="tabs-2">
      <div class="loading"></div>
      <div id="listEmp"></div>
    </div>
    <div id="tabs-3">
      <div class="loading"></div>
      <div id="editEmp"></div>
    </div>
  </div>
</div>
